// 发送一个请求 接口规定 必须要带token
// axios.get('/student/list').then((result) => console.log(result));

/* axios.get(
    '/student/list', {
    // 固定写法 把令牌 放在请求头headers （在文档 请求配置中找）
    headers: {
        // 属性名 看接口文档axiosAPI  和属性值  token
        Authorization: localStorage.getItem('token82')
    },
}
).then((result) => console.log(result)); */
axios.get('/student/list').then((result) => console.log(result));

// 1 点击退出 ============================================================
/*1 退出
  1 给 退出按钮绑定点击事件
  2 弹出确认框
  3 用户确定 退出
    1 删除本地存储 token
    2 跳转回登录页面

 */

const logout = document.querySelector('.logout a');//退出按钮

logout.addEventListener('click', function (e) {
  if (confirm('你确定要退出吗？')) {
    localStorage.removeItem('token82')
    // 跳转回登录页面
    location.href = './login.html';
  };
});


// 2 左侧菜单栏 ============================================================
/* 
  1 一级菜单点击
    1 小箭头 旋转 
    2 对应二级菜单 显示和隐藏 

  2 二级菜单点击 
    1 移除掉旧选中效果 
    2 新点击的 加上选中效果 
*/
const oneMenuList = document.querySelectorAll('.nav>li>a');//获取有一级菜单中的啊标签 数组
// 一级菜单点击事件
oneMenuList.forEach(one => {
  one.addEventListener('click', function (e) {
    //  小箭头 旋转  // 找到我点击的a标签的里面 的箭头
    one.querySelector('.toggle').classList.toggle('toggleone')
    // 控制二级标题 对应的标签  切换显示
    one.nextElementSibling.classList.toggle('show');
  });
});

const twoMenuList = document.querySelectorAll('.nav ul a '); // 获取二级菜单中的a标签 数组
// 二级菜单点击
twoMenuList.forEach((two) => {
  two.addEventListener('click', function () {
    // 移除旧的
    document.querySelector('.nav ul a.active').classList.remove('active');
    // console.log(123);
    // 当前点击的添加上
    two.classList.add('active');
  });
});

// 获取 初始化数据 按钮
const initBtn = document.querySelector('.init');

initBtn.addEventListener('click', function (e) {
  // console.log("点击成功");
  axios.get('/init/data').then((result) => {
    // console.log(result);
    if (result.data.code === 0) {
      // 弹窗提示
      toastr.success(result.data.message);
    }
  });
});